<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/templates/base-admin-template.xhtml">
	
	<!-- Se pone el link de los vehiculos en estado activo -->
	<ui:define name="link_modelos"><li class="active"><a href="#{request.contextPath}/pages/gestionDeVehiculos/gestion_de_modelos.xhtml">Modelos</a></li></ui:define>


		<!-- Aqui se define el contenido para esta pantalla -->
	
	<ui:define name="main">
	
	<h2 class="sub-header">Alta de modelos</h2>
	 
	 
	<h:form id="form_crear_modelo">
	
		<p:messages id="msgs"  />
		
		<!-- style="margin-bottom:10px" -->

        <h:panelGrid columns="2"   cellspacing="100">    
        
      		<p:outputLabel  value="Fabricante: " />
        <p:selectOneMenu value="#{modelosBean.fabricanteSeleccionado}" effect="fade" >
            <f:selectItem itemLabel="Elige uno" itemValue="" />
            <f:selectItems value="#{modelosBean.fabricantesMap}" />
        </p:selectOneMenu>
       
         <p:outputLabel  value="Nombre: " />
      	 <p:inputText id="input_nombre" value="#{modelosBean.nombreModelo}" />
      	 
      	 <p:outputLabel  value="Año: " />
      	 <p:inputText id="input_anno" value="#{modelosBean.annoModelo}" />
      	 
      	 <p:outputLabel  value="Nº de puertas: " />
      	 <p:inputText id="input_puertas" value="#{modelosBean.puertasModelo}" />
            
         <p:outputLabel  value="Ancho: " />
      	 <p:inputText id="input_ancho" value="#{modelosBean.anchoModelo}" />
        
         <p:outputLabel  value="Largo: " />
      	 <p:inputText id="input_largo" value="#{modelosBean.largoModelo}" />
      	 
      	 <p:outputLabel  value="Peso: " />
      	 <p:inputText id="input_peso" value="#{modelosBean.pesoModelo}" />
        
         <p:outputLabel  value="Precio de alquiler" />
      	 <p:inputText id="input_coste" value="#{modelosBean.costeAlquilerModelo}" />
        
         <p:outputLabel  value="GPS: " />
      	 <p:inputText id="input_gep" value="#{modelosBean.gpsModelo}" />
      	 
      	 <p:outputLabel  value="Carnets válidos: " />
      	 <p:selectCheckboxMenu id="menu_carnets" value="#{modelosBean.carnetsModelo}" label="Carnets"
                              filter="true" filterMatchMode="startsWith" panelStyle="width:250px">
            <f:selectItems value="#{modelosBean.carnetsString}" />
        </p:selectCheckboxMenu>
                      
        </h:panelGrid>
   
           
        <p:commandButton value="Registrar vehículo" update="msgs,:form_lista_modelos:modelosTable" actionListener="#{modelosBean.nuevoModelo}" icon="ui-icon-check" > 
        	<p:confirm header="Confirmación" message="¿Estás seguro?" icon="ui-icon-alert" /> 
    	</p:commandButton>
            
         <p:confirmDialog global="true" showEffect="fade" hideEffect="explode">
        	<p:commandButton value="Yes" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check"/>
        	<p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close"/>     
    	</p:confirmDialog>


                 
</h:form>

	 <h2 class="sub-header">Listado de modelos en el sistema</h2>

<h:form id="form_lista_modelos">


    <p:dataTable var="modelo" value="#{modelosBean.modelos}" rowKey="#{modelo.idmodelo}" paginator="true" rows="10"
                 filteredValue="#{modelosBean.modelosFiltrados}" id="modelosTable">
 
        
        <p:column headerText="Marca" sortBy="fabricante.nombre" filterBy="fabricante.nombre" id="col_marca">
            <h:outputText value="#{modelo.fabricante.nombre}" />
        </p:column>
 
 
        <p:column headerText="Modelo" sortBy="nombre" filterBy="nombre" id="col_nombre">
            <h:outputText value="#{modelo.nombre}" />
        </p:column>
 
 
        <p:column headerText="Año" sortBy="año" filterBy="año" id="col_anno">
             <h:outputText value="#{modelo.año}" />
        </p:column>
        
        
        <p:column headerText="Nº de puertas: " sortBy="puertas" filterBy="puertas" id="col_puertas">
             <h:outputText value="#{modelo.puertas}" />
        </p:column>
        
         <p:column headerText="Ancho: " sortBy="ancho" filterBy="ancho" id="col_ancho">
             <h:outputText value="#{modelo.ancho}" />
        </p:column>
        
         <p:column headerText="Largo:  " sortBy="largo" filterBy="largo" id="col_largo">
             <h:outputText value="#{modelo.largo}" />
        </p:column>

         <p:column headerText="Peso: " sortBy="peso" filterBy="peso" id="col_peso">
             <h:outputText value="#{modelo.peso}" />
        </p:column>              
         
         <p:column headerText="Precio de alquiler: " sortBy="costeAlquiler" filterBy="costeAlquiler" id="col_precio">
             <h:outputText value="#{modelo.costeAlquiler}" />
        </p:column>        	 
        
        <p:column headerText="GPS: " sortBy="gps" filterBy="gps" id="col_gps">
             <h:outputText value="#{modelo.gps}" />
        </p:column>    
        
 
    </p:dataTable>
    
 </h:form>
	
	</ui:define>



</ui:composition>
</html>